<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        body{
            width: 100vw;
            height: 100vh;
        }
    </style>
</head>
<body>
    <div id="bottom"></div>
</body>
</html>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="tabTool.js"></script>
<script type="text/javascript">
    var tab=[
        {
            text:"首页",
            url:"http://www.baidu.com",
            iconPath:'Beef Steak.png',
            clickCallBack:function(obj){
                alert(obj.url);
            }
        },
        {
            text:"个人",
            iconPath:'Beef Steak.png',
            url:"http://www.taobao.com",
        },
        {
            text:"设置",
            iconPath:'Beef Steak.png',
            url:"http://www.csdn.com",
        }
    ];
    // 渲染tabBar
    $(document).ready(
        createTab(tab,"bottom")
    );
    // 禁止网页缩放(禁止双指缩放)
    document.documentElement.addEventListener('touchstart', function (event) {
        if (event.touches.length > 1) {
            event.preventDefault();
        }
    }, false);
    // 禁止网页缩放(禁止双击缩放)
    var lastTouchEnd = 0;
    document.documentElement.addEventListener('touchend', function (event) {
        var now = Date.now();
        if (now - lastTouchEnd <= 300) {
            event.preventDefault();
        }
        lastTouchEnd = now;
    }, false);

    // var arr=['img/5.jpg','img/6.jpg','img/7.jpg'];
    // var k=0;
    // var t;
    // function change(){
    //     k++;
    //     if(k>2){
    //         (1)
    //     }
    //     $("#div img").attr(      (2)     );
    //     $("#div div").css('background','white');
    //     $("#div div:eq("+k+")").css('background','orange');
    //     t=setTimeout("change()",1000);
    // }
    // $(function(){
    //     t=setTimeout("change()",1000);
    //     $("#div").mouseenter(function(){
    //         (3)
    //     })
    //     $("#div").mouseleave(function(){
    //         (4)
    //     })
    // })
</script>